<script setup>
defineProps({
  media: Array,
})
</script>

<template>
  <el-carousel :interval="4000" height="95vh  " :autoplay="false">
    <el-carousel-item v-for="(item, index) in media" :key="index" class="flex-cc bg-[--fill-1]">
      <el-image
        :src="item"
        class="h-[95vh] w-full cursor-zoom-in"
        :preview-src-list="media"
        fit="contain"
        preview-teleported
        close-on-press-escape
        hide-on-click-modal />
    </el-carousel-item>
  </el-carousel>
</template>

<style scoped lang="scss"></style>
